<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>

<script type="text/javascript" src="../js/controller/room/RM008.js" ></script>

<div id="container">
	<div id="content">
		<div class="warpper">
			
			<table class="from" style="width: 100%;">
				<tr>
					<td class="header2" style="border-bottom: 1px #bbb solid;">Criteria</td>
				</tr>
			</table>
			<form action="#" method="Post" name="main">
			<table class="from" style="width: 100%;" >
				<tr>
						<td class="header">Tower </td>
						<td><select id="tower">
						</select></td>

						<td class="header">Floor </td>
						<td><select id="floor"></select></td>

						<td class="header">Unit </td>
						<td><select id="unit"></select></td>

						<td class="header">Address </td>
						<td><select id="address"></select></td>

					</tr>
				<tr >
					<td class="header">Document No. </td>
					<td><input id="docNo" placeholder="Document No."  type="text"  ></td>
					<td class="header">Status</td>
					<td>
						<select id="active" class="input-default">
						</select>
					</td>
					<td class="header">Priority</td>
					<td><select id="priority" class="input-default">
						</select></td>
					<td colspan="2"></td>
				</tr>
			</table>
			</form>
			
			<center>
				<table>
					<tr  align="right" >
                    	<button type="submit" id="btnSearch" class="btn btn-info btn-default" ><i class="fa fa-search"></i> Search</button>
					</tr>
					<tr >&nbsp</tr>
					<tr align="left">
						<button type="reset" id="btnClear"  class="btn btn-info btn-default" ><i class="fa fa-refresh"></i> Clear</button>
					</tr>
					
				</table>
			</center>
			
			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
				<tr>
					<td colspan="9" class="header2" style="border-bottom: 1px #bbb solid;">Detail</td>
				</tr> 
				<tr>
					<td colspan="9">
						<button type="button" class="btn btn-success" onclick="location='RM008A'"><i class="fa fa-plus"></i>&nbsp;&nbsp;New</button>
					</td>
				</tr>
			</table>
				

<!-- 		Grid	 -->
				<table id="dataTable" border="0" class="display dataTable no-footer">
					<thead >
					<tr>
							<th style="text-align: center;"></th>
							<th style="text-align: center;">Document No.</th>
							<th style="text-align: center;">Status</th>
							<th style="text-align: center;">Priority</th>
							<th style="text-align: center;">Tower</th>
							<th style="text-align: center;">Floor</th>
							<th style="text-align: center;">Unit</th>
							<th style="text-align: center;">Addr</th>
					</tr>
					</thead>
				</table>
<!-- 	end	Grid	 -->
		</div>
	</div>
</div>
